<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片列表</title>
<script type="text/javascript" src="../Public/js/jquery-1.7.1.min.js"></script>

<script type="text/javascript">
    function toPicture(picid){
    var url = "fullshow/picid/"+picid;
    window.location.href="{:U('"+url+"')}";
    }  
</script> 
<style>
a{
	text-decoration: none;
	}
div{
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	/*border:solid thin;border-color:#Ff0000;*/
	}
body {
	background:#ffffff;
	margin:0px;	
}

input{
	background:#f2fbfe;
	}
textarea{
		background:#f2fbfe;
		resize:none;
	}
.title_r{
	float:left;
	background:#ecf9fe;
	 border:#dee4e3 thin solid;
	 border-left:none;
	 border-right:none;
	 width:85%;
	 height:30px;
	 height:30px; 
	 text-align:center;
	}
#upload_bu{
	background:url(image/uploadvideo.png) no-repeat left center;
	width:100%;
	height:40px;
	cursor:pointer;
	float:left;
	}	
.img_container{
	width:100%;
	}
.img_name{
	height:20px;
    float:left;
    z-index:50;
    font-size:10pt;
    position: relative;
    margin-top:100px;
    margin-left:5px;
    background:#ffffff;
    border:solid 1px; 
    display:none;
	}
.myfontstyle{
    font-family:'黑体';
    letter-spacing:1px;
}		
</style>

</head>

<body  >
<div style="width:100%;margin-top:30px;">
  	<div style="margin-left:3%;width:65%; background:#ecf8fe; border:#dbdcdd thin solid; height:630px; float:left;">
   		<div class='title_r' style='width:15%;background:#d8f2fe url(../Public/photo/image/grayline.png) no-repeat right center;'>
      		<b class="myfontstyle" style="line-height:30px;font-size:11pt;color:#209593; font-weight:bold;">图片浏览</b>
      	</div>
    	<div  class='title_r' >            	
        </div>
        <div style="width:100%;">
         <volist name="list" id="vo">
        	<div style="float:left;width:23%;margin-left:5px;margin-top:15px;padding:2px;height: 130px;background:#ffffff;border:solid 1px; ">
            <!--style="background:url(../Public/upload/{$vo.ph_name})" onclick="toPicture({$vo.id})"-->
				<div class="img_container" onmouseover="javascript:$(this).children('.img_name').fadeIn(100)" onmouseout="javascript:$(this).children('.img_name').fadeOut(100)"><img src="../Public/upload/{$vo.ph_name}" onclick="toPicture({$vo.id})" style="margin-left:5px;position: absolute;z-index:0;width:140px;height:130px;cursor:pointer;" />
                <div class="img_name myfontstyle" >{$vo.ph_tag}</div></div><!--图片-->
            	<!--描述-->              
            </div>        
         </volist>
        </div>
        <div class="myfontstyle" id="pageid" style="width:40%;height:50px;padding-top:20px;clear:both;"><!--页码-->
        {$page}
        </div>
  	</div>
      
  	<div  style="width:7%;float:left;">
  		<div style="float:left;width:100%;background:url(../Public/photo/image/m_line.png) no-repeat center center;height:330px; "></div>
  	</div>
  	<div  style="width:23%;font-size:9pt; text-align:left;float:left;" >    
     <div class="myfontstyle" style="float:left;width:30%;">
   	   <div style="background:url(../Public/photo/image/back.png) no-repeat;width:210px;height:214px;padding-top:50px;">
    <!--	<div class="myfontstyle" style="width:80%;color:#A0A0A0;font-size:10pt;">&nbsp;&nbsp;您可以在这里上传照片，这样的功能并不特殊，您或许已经在网络上传过无数的照片了，
不过，每一张照片都应该有它的专属故事，Tang照片必须是这样的：这张照片的故事我忘不了，它使我想起了那天宝宝…… 
       </div> -->    
    </div>
   </div>
  	</div>
</div>
<img src="../Public/photo/image/flower.png" style="position:absolute;right:0;bottom:0; z-index:-50;" />
</body>
</html>
